<%@ page language="JAVA" contentType="text/html;charset=UTF-8" pageEncoding="UTF-8" %>
<!doctype html>
<html>
<head>
    <%
    String bathPath = request.getContextPath();
    pageContext.setAttribute("bathPath", bathPath);
%>
<meta charset="utf-8">
<title>考勤管理系统</title>
 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link type="text/css" rel="stylesheet" href="${bathPath}/css/indexNew.css"/>

<!-- layer -->
<link type="text/css" rel="stylesheet" href="${bathPath}/js/layer/skin/layer.css"/>
<link type="text/css" rel="stylesheet" href="${bathPath}/css/nav.css">
<link rel="stylesheet" type="text/css" href="${bathPath}/css/font.css">
<!-- 改变提示框按钮的颜色 -->
<style type="text/css">
	.my-skin .layui-layer-btn a {
	background-color:#009688;
	}
</style>
</head>

<body style="background-image:url(${bathPath}/image/background.png);">

	<div id="zong">

<%--    	<div class="logo">--%>
<%--         <img src="${bathPath}/image/logo2.png" style="width:156px; height:49px;"/>--%>
<%--        </div>--%>
        
        <div class="wKuang" id="wKuangG">
        	<!--左边-->
            <div class="nav" id="wK-leftMenuBgG">
                <img src="${bathPath}/image/logo2.png" width="130" height="41" style="margin-left:15px;"/>
                <ul>
                    <li class="nav-item nav-show">
                        <a href="javascript:;"><i class="my-icon nav-icon icon_1"></i><span>基础设置</span><i class="my-icon nav-more"></i></a>
                        <ul>
                            <li onclick="kQinOne('${bathPath}/param/paramIndex.action')"   id="userSpeday" data-path="${bathPath}/param/paramIndex.action"><a href="javascript:;"><span>考勤规则</span></a></li>
                            <li onclick="kQinOne('${bathPath}/holidays/holidaysIndex.action')"><a href="javascript:;"><span>设定节假日</span></a></li>
<%--                            <li onclick="kQinOne('${bathPath}/userSpeday/userSpedayIndex.action')"  id="userSpeday" data-path="${bathPath}/userSpeday/userSpedayIndex.action"><a href="javascript:;"><span>公出/请假</span></a></li>--%>
<%--                            <li onclick="kQinOne('${bathPath}/checkInOut/checkInOutIndex.action')"><a href="javascript:;"><span>忘签到/签退处理</span></a></li>--%>
<%--                            <li onclick="kQinOne('${bathPath}/checkExact/checkExactIndex.action')"><a href="javascript:;"><span>集体迟到/早退处理</span></a></li>--%>
<%--                            <li onclick="kQinOne('${bathPath}/holidays/holidaysIndex.action')"><a href="javascript:;"><span>节日维护</span></a></li>--%>
                            <li onclick="kQinOne('${bathPath}/leaveClass/leaveClassIndex.action')"><a href="javascript:;"><span>假类设置</span></a></li>
                        </ul>
                    </li>

                    <li class="nav-item">
                        <a href="javascript:;"><i class="my-icon nav-icon icon_3"></i><span>人员排班</span><i class="my-icon nav-more"></i></a>
                        <ul>
                            <li onclick="kQinOne('${bathPath}/schClass/schClassIndex.action')" data-path="${bathPath}/schClass/schClassIndex.action"><a href="javascript:;"><span>时间段维护</span></a></li>
                            <li onclick="kQinOne('${bathPath}/numRun/numRunIndex.action')"><a href="javascript:;"><span>班次管理</span></a></li>
                            <li onclick="kQinOne('${bathPath}/userOfRun/userOfRunIndex.action')"><a href="javascript:;"><span>排班</span></a></li>
<%--                            <li onclick="kQinOne('${bathPath}/param/paramIndex.action')"><a href="javascript:;"><span>考勤规则</span></a></li>--%>

                        </ul>
                    </li>

<%--                    <li class="nav-item">--%>
<%--                        <a href="javascript:;"><i class="my-icon nav-icon icon_2"></i><span>查询打印</span><i class="my-icon nav-more"></i></a>--%>
<%--                        <ul>--%>
<%--                            <li onclick="kQinOne('${bathPath}/accessLog/accessLogIndex.action')"><a href="javascript:;"><span>出勤记录</span></a></li>--%>
<%--                            <li onclick="kQinOne('${bathPath}/accessLog/stationIndex.action')"><a href="javascript:;"><span>当前在岗情况</span></a></li>--%>
<%--                            <li onclick="kQinOne('${bathPath}/accessLog/statisticalIndex.action')"><a href="javascript:;"><span>统计报表</span></a></li>--%>
<%--                        </ul>--%>
<%--                    </li>--%>
<%--                    <li class="nav-item">--%>
<%--                        <a href="javascript:;"><i class="my-icon nav-icon icon_3"></i><span>维护设置</span><i class="my-icon nav-more"></i></a>--%>
<%--                        <ul>--%>
<%--                            <li onclick="kQinOne('${bathPath}/schClass/schClassIndex.action')"><a href="javascript:;"><span>时间段维护</span></a></li>--%>
<%--                            <li onclick="kQinOne('${bathPath}/numRun/numRunIndex.action')"><a href="javascript:;"><span>班次管理</span></a></li>--%>
<%--                            <li onclick="kQinOne('${bathPath}/userOfRun/userOfRunIndex.action')"><a href="javascript:;"><span>人员安排</span></a></li>--%>

<%--                            <li onclick="kQinOne('${bathPath}/param/paramIndex.action')"><a href="javascript:;"><span>考勤规则</span></a></li>--%>
<%--                        </ul>--%>
<%--                    </li>--%>

                    <li class="nav-item">
                        <a href="javascript:;"><i class="my-icon nav-icon icon_3"></i><span>考勤处理</span><i class="my-icon nav-more"></i></a>
                        <ul>
                            <li onclick="kQinOne('${bathPath}/userSpeday/userSpedayIndex.action')"><a href="javascript:;"><span>公出/请假</span></a></li>
<%--                            <li onclick="kQinOne('${bathPath}/accessLog/accessLogIndex.action')" data-path="${bathPath}/accessLog/accessLogIndex.action"><a href="javascript:;"><span>出勤记录</span></a></li>--%>
<%--                            <li onclick="kQinOne('${bathPath}/checkInOut/checkInOutIndex.action')"><a href="javascript:;"><span>忘签到/签退处理</span></a></li>--%>
                            <li onclick="kQinOne('${bathPath}/checkExact/checkExactIndex.action')"><a href="javascript:;"><span>集体迟到/早退处理</span></a></li>
                            <li onclick="kQinOne('${bathPath}/checkInOut/checkInOutIndex.action')"><a href="javascript:;"><span>补勤处理</span></a></li>
                        </ul>
                    </li>
                    <li class="nav-item">
                        <a href="javascript:;"><i class="my-icon nav-icon icon_3"></i><span>报表</span><i class="my-icon nav-more"></i></a>
                        <ul>
                            <li onclick="kQinOne('${bathPath}/accessLog/stationIndex.action')"><a href="javascript:;"><span>当前在岗情况查询</span></a></li>
                            <li onclick="kQinOne('${bathPath}/accessLog/accessLogIndex.action')"><a href="javascript:;"><span>原始出勤报表</span></a></li>
                            <li onclick="kQinOne('${bathPath}/accessLog/statisticalIndex.action')"><a href="javascript:;"><span>统计报表</span></a></li>
                        </ul>
                    </li>
                </ul>
            </div>

            <!--右边导航-->
            <div class="wK-rightDhang">
            	<div class="wK-rightDhangToo">
                    <a href="javascript:;" class="active" >
                        <div class="wK-rightDhangThree" align="center" id="">
                            <table>
                                <tr><td>考勤管理<td><tr>
                                <tr><td><div class="" ><img src="${bathPath}/image/button-5.png" style="width:50px; height:50px;"/></div><td><tr>
                            </table>
                        </div>
           	 		</a>
                </div>
            </div>
            
            
            <!--右边主体-->
            <div class="wK-rightMain" id="wK-rightMainG">
           			<iframe id="myIframe" name="mainIframe" frameborder="0" class="wK-rightMainNei"></iframe>
            </div>
        </div>
        
        
        <!--底部-->
        <div class="bottom" id="bottom-time"></div>
    </div>
    
    <script type="text/javascript" src="${bathPath}/js/jquery-1.9.1.min.js" ></script>
    <script type="text/javascript" src="${bathPath}/js/ajaxSessionOut.js" ></script>
    <!-- validation -->
    <script type="text/javascript" src="${bathPath}/js/jquery-validation/jquery.validate.js"></script>
    <script type="text/javascript" src="${bathPath}/js/layer/layer.js" ></script>
    <script type="text/javascript" src="${bathPath}/js/nav_left.js"></script>
    <script type="text/javascript">
	
	//考勤处理页面
	function   kQinOne(path){
		$("#myIframe").attr("src",path);
	}
	
	//div高度自适应屏幕
	window.onload=function (){
		function auto_height()
		{
			document.getElementById("wKuangG").style.height=document.documentElement.clientHeight-60+"px";
			document.getElementById("wK-leftMenuBgG").style.height=document.documentElement.clientHeight-60+"px";
			document.getElementById("wK-rightMainG").style.height=document.documentElement.clientHeight-145+"px";
			// document.getElementById("shuDhangG").style.height=document.documentElement.clientHeight-8+"px";
			document.getElementById("myIframe").style.height=document.documentElement.clientHeight-145+"px";
		}
		auto_height();
		onresize=auto_height;



		setInterval(function(){
            var myDate = new Date();//获取系统当前时间
            var mytime = myDate.toLocaleTimeString(); //获取当前时间

            $('#bottom-time').html( '时间:'+myDate.toLocaleString( ));
        },1000);

	}
	
	
	<!--点击一级目录跳转二级目录-->
	$(function () {
        $("#myIframe").attr("src","${bathPath}/param/paramIndex.action");
        $("#userSpeday").addClass("wK-leftMain-bianse");
        $('.wK-rightDhangToo a').click(function () {
            $(this).addClass('active').siblings().removeClass('active');
            // $(".nav-item li").eq($(this).index()).show().siblings().hide();
            $(".nav-item li").eq($(this).index()).eq(0).addClass("wK-leftMain-bianse").siblings().removeClass("wK-leftMain-bianse");
            var path = $(".nav-item li").eq($(this).index()).eq(0).data('path');
            $("#myIframe").attr("src",path);
        })
    }) 
	
	
	//点击改变左侧菜单div颜色
    $('.wK-leftMenuBg .wKuangToo').on('click','.wK-leftMain',function(){
            console.log(2);
            $(this).addClass("wK-leftMain-bianse").siblings().removeClass("wK-leftMain-bianse");
        });

    $('.nav .nav-item').on('click','li',function(){

        $(this).addClass("wK-leftMain-bianse").siblings().removeClass("wK-leftMain-bianse");
    });
    </script>


</body>
</html>
